<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<head>
  <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.1/skins/default/aliplayer-min.css" />
  <script charset="utf-8" type="text/javascript"
    src="https://g.alicdn.com/de/prismplayer/2.8.1/aliplayer-min.js"></script>
</head>

<body>
  <div id="J_prismPlayer"></div>

  <script>
    var player = new Aliplayer({
      id: 'J_prismPlayer',
      width: '26%',
      autoplay: false,
      cover: 'https://ts1.cn.mm.bing.net/th/id/R-C.23b4cb73b726088b2cc35bc9354d79bb?rik=LGrrVwrToNoEag&riu=http%3a%2f%2fwww.pp3.cn%2fuploads%2f1304%2f15.jpg&ehk=RUGZ4Z%2fsVSgL8NiXK0zidwDtpm9MLdczDhVAoFqLewU%3d&risl=&pid=ImgRaw&r=0',
      //根据地址播放
      source: 'https://outin-a0dd9b070e7a11ed83e200163e06123c.oss-cn-shanghai.aliyuncs.com/sv/1f21b19c-1826346075a/1f21b19c-1826346075a.mp4?Expires=1660628956&OSSAccessKeyId=LTAI3DkxtsbUyNYV&Signature=yR0cNKNxj8m9q%2BQ1cMZQB66YBY8%3D'
    }, function (player) {
      console.log('The player is created.')
    });

    // 也可以使用replayByMediaAuth函数切换不同的mediaAuth播放（前提是已经使用mediaAuth初始化播放器）。
    // player.replayByMediaAuth('another mediaAuth');
  </script>
</body>

</html>